import { h } from 'preact';
import "@static/grid/index.less";

export function Row(props){
    const { children,  style = {}, className = '' } = props;
    const cls = ['c-row'];
    if(className)
        cls.push(className);
    return <div className={`${cls.join(' ')}`} style={style} >
        {children}
    </div>
}

export function Col(props){
    const { children,  style = {}, className = '', cols = 24 } = props;
    const cls = [`c-col-${cols}`];
    if(className)
        cls.push(className);
    return <div className={`${cls.join(' ')}`} style={style} >
        {children}
    </div>
}
